<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<link rel="stylesheet" href="css/base.css">
	<style>
		img{
			display-left: block;
			float: left;
			animation: roll 2s linear infinite alternate;
		}
		@keyframes roll{
			0%{transform:translateX(0);}
			100%{transform: translate(298px);}
		}
	</style>
</head>
<body>	
		<div class="pic clearfix center">
			<img src="img/170222175522898755.jpg" alt="">
			<img src="img/170222175656117282.jpg" alt="">
			<img src="img/170222175807555548.jpg" alt="">
		</div>

		<script>
		function roll(){
			
		}
		</script>
</body>
</html>